<template>
  <a-layout has-sider class="icesoft-app">
    <a-layout-sider v-model:collapsed="collapse" :trigger="null" collapsible width="220">
      <LayoutLogo/>
      <LayoutMenu/>
    </a-layout-sider>
    <a-layout>
      <LayoutHeader/>
      <LayoutTag/>
      <LayoutContent/>
    </a-layout>
  </a-layout>
</template>

<script setup lang="ts">
import LayoutMenu from "~/layouts/LayoutMenu.vue";
import LayoutLogo from "~/layouts/LayoutLogo.vue";
import LayoutHeader from "~/layouts/LayoutHeader.vue";
import LayoutContent from "~/layouts/LayoutContent.vue";
import {storeToRefs} from "pinia";
import {useSettingStore} from "~/store/modulers/setting";
import LayoutTag from "~/layouts/LayoutTag.vue";

const settingStore = useSettingStore();
const { collapse } = storeToRefs(settingStore);
</script>

<style scoped lang="scss">
.icesoft-app {
  height: 100vh;
  overflow: hidden;
}
</style>
